<!-- BLOCK BUTTONS -->
<section id="buttons-type" class="showcase showcase-content background-light">
  <header class="l-center">
    <h3 class="showcase-title">Tyographic Styles</h3>
    <h4 class="showcase-sub-title">A variety of tyographic styles for buttons</h4>
  </header>

<div class="showcase-examples l-center">
<a href="http://unicorn-ui.com/" class="button button-uppercase button-primary">uppercase</a>
<a href="http://unicorn-ui.com/" class="button button-lowercase button-primary ">lowercase</a>
<a href="http://unicorn-ui.com/" class="button button-capitalize button-primary">capitalize</a>
<a href="http://unicorn-ui.com/" class="button button-small-caps button-primary">small caps</a></div>
</section>